<!--
 * @Author: 梁青春
 * @Date: 2025-02-20 15:38:32
 * @LastEditTime: 2025-02-24 09:48:54
 * @LastEditors: 梁青春
-->
<script setup>
import { onMounted, ref } from 'vue'
import mainMap from "../Map/index.vue";
const mapInstance = ref(null)

const handleMapCompleted = (map) => {
    mapInstance.value = map
}
</script>

<template>
    <main-map id="map-container" @completed="handleMapCompleted" />
</template>

<style lang="scss" scoped>
@use '@/assets/styles/variables' as *;

#map-container {
    width: 100%;
    height: 100%;
}
</style>